<template>
  <a-drawer
    title="Basic Drawer"
    maskClosable
    placement="right"
    :closable="false"
    :visible="visible"
    @close="close"
  >
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
  </a-drawer>
</template>

<script>
export default {
  name:"drawer",
  props:{
    show:{
      type:Boolean,
      default:false
    }
  },
  data() {
    return {
      visible:false
    }
  },
  methods: {
    close(){
      console.log("close")
    }
  },
  watch:{
    show(){
      console.log("show")
    }
  }
}
</script>

<style scoped>
  
</style>